import { CloseOutlined } from "@ant-design/icons";
import DarkCard from "../../../../../../../common/DarkCard";
import { Descriptions, Button } from "antd";
import useBusinessMap from "../../../../../../../common/BusinessMap/useBusinessMap";
import { useContext } from "react";
import GlobalContext from "../../../../../../../../utils/GlobalContext";
import { useState, useEffect } from 'react'

export default function Yqybfx(props) {
    const [datailItem, setDetailItem] = useState();
    const map = useBusinessMap();
    const { detailTemplate } = useContext(GlobalContext);


    return <DarkCard style={{
        position: 'absolute',
        right: '68px',
        width: 300,
        top: 20,
        bottom: 20,
        pointerEvents: 'auto',
        borderRadius: 8
    }} className='layout-v'>
        <div style={{
            fontSize: 20,
            fontWeight: 'bold',
            borderBottom: '1px solid #eee',
            paddingBottom: 12,
            marginBottom: 12
        }} className="layout-h center">
            <div className="fill w0">详情</div>
            <div>
                <Button size='small' icon={<CloseOutlined />} style={{

                    background: "#00000000"
                }} />
            </div>
        </div>
        <Descriptions column={1} bordered size='small' className="fill h0" style={{
            overflow: 'auto'
        }}>

        </Descriptions>

    </DarkCard>

}